@import (reference) './_vars.less';

// tag 列表页面样式
.tags-wrap {
    .tag-list {
        color: @color-primary;
        color: var(--color-primary);
        line-height: 22px;
        font-size: 0.8em;
        list-style: none;
        overflow: hidden;
    }
    .tag-list-item {
        float: left;
        margin-top: 14px;
        margin-right: 14px;
        padding-right: 14px;
        border-radius: 6px;
        background-color: @color-hover;
        background-color: var(--color-hover);
        border: 1px solid @color-border;
        border: 1px solid var(--color-border);

        &:hover {
            background-color: @color-active;
            background-color: var(--color-active);
        }
    }
    .tag-list-link {
        display: inline-block;
        padding: 2px 8px 2px 14px;
        color: @color-primary;
        color: var(--color-primary);
        vertical-align: middle;
    }
    @count-height: 14px;
    .tag-list-count {
        display: inline-block;
        color: @color-red;
        border-left: 1px solid @color-red;
        border-right: 1px solid @color-red;
        border-radius: @count-height;
        height: @count-height;
        line-height: @count-height;
        padding: 0 2px;
        vertical-align: middle;
    }
}
